<template>
  <AppLayout>
    <div class="container">
      <HomeCategory />
      <HomeBanner></HomeBanner>
      <HomeNew />
      <HomeHot />
      <HomeBrand />
      <HomeProduct />
      <HomeSpecial />
    </div>
  </AppLayout>
</template>
<script>
import AppLayout from "@/components/AppLayout";
import HomeCategory from "@/views/Home/components/HomeCategory";
import HomeBanner from "@/views/Home/components/HomeBanner";
import HomeNew from "@/views/Home/components/HomeNew";
import HomeHot from "@/views/Home/components/HomeHot";
import HomeBrand from "@/views/Home/components/HomeBrand";
import HomeProduct from "@/views/Home/components/HomeProduct";
import HomeSpecial from "@/views/Home/components/HomeSpecial";
export default {
  name: "HomePage",
  components: {
    HomeSpecial,
    HomeProduct,
    HomeNew,
    HomeCategory,
    AppLayout,
    HomeBanner,
    HomeHot,
    HomeBrand,
  },
};
</script>
